*{
    margin: 0;
    padding: 0;
}
  .head{
      
      position: relative;
      
  }
 
  #p1{
      width: 25%;
      height: 700px;
      opacity: 0.7;
      position: absolute;
      
  }
  #p2{
      width: 75%;
      height: 663px;
      opacity: 0.7;
      position: absolute;
      left: 25%;
      top: 17px;

  }
  #p3{
      width: 160px;
      height: 160px;
      border-radius: 100%;
      position: absolute;
      left: 80px;
      top:60px;
      opacity: 0.95;
      box-shadow: 2px 2px 2px rgba(0,0,0,.5);
  }

  #p3:hover{
      box-shadow: 3px 2px 2px rgba(0,0,0,.7);

  }
  .ul1{
      height: 100px;
      width: 150px;
      position: relative; 
      top:300px;
      left: 120px;
  }
  .li1{
      height: 40px;
      list-style: none;
  }

  a{
      text-decoration: none;

  }
  .ul2{
      height: 200px;
      width: 300px;
      position: relative; 
      /* top:-80px; */
      left: 630px;
  }
  .li2{
      height: 150px;
  
      list-style: none;
  }

  .w1{
      color: white;
      font-size: 30px;
      font-family: 仿宋;
      letter-spacing: 3px;
      text-align: center;

  }
  .w2{
      width: 400px;
      margin-left: -50px;
      margin-top: 20px;
      letter-spacing: 1px;
      color:rgba(31, 31, 32, 0.6)
  }

  .w3{
      color: white;
      font-size: 30px;
      font-family: 仿宋;
      letter-spacing: 3px;
      text-align: center;
      margin-top: -20px;

  }

  .box{
      position: relative;
      margin-top: 150px;
      margin-left: 630px;
 }
textarea{
width: 300px;
height: 100px;
margin-left: -10px;
}

.w4{
      color: white;
      font-size: 30px;
      font-family: 仿宋;
      letter-spacing: 3px;
      text-align: center;

  }

.w5{
width: 400px;
      margin-left: -50px;
      margin-top: 20px;
      letter-spacing: 1px;
      color:rgba(31, 31, 32, 0.8)
}
li{
    list-style: none;
}